/* Uploader Styles */
.adminbuttons{
    display: inline-flex !important;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}
.adminbuttons a:nth-child(2) {
    color: #707070;
}
.adminbuttons:hover{
    box-shadow: 0px 4px 12px 0px #1D1D1D14 !important;
}
.ezIcon {
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
    vertical-align: middle;
    background: black;
    mask: var(--icon-url) no-repeat center / var(--icon-inner, cover);
    -webkit-mask: var(--icon-url) no-repeat center / var(--icon-inner, cover);
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block: 0;
    transition: 300ms;
    -webkit-transition: all 300ms;
}
.adminbuttons .ezIcon{
    --icon:32px;
    --icon-color:#3D3D3D;
}
.adminbuttons a.MenuTopSelected .ezIcon{
    --icon-color: #193373;
}
.adminbuttons a.MenuTopSelected:nth-child(2) {
    border-bottom: 1px solid #2C51AE;
    padding-bottom: 0.5rem;
    color: #2B2B2B;
    font-weight: 600;
}


.pa_photolist li
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

.adminbuttons {
    display:inline-block;
    padding:0 15px;
}

.progressWrapper 
{
	width: 357px;
	overflow: hidden;
	background-color: #000;
}

.progressContainer {
	margin: 1px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	text-align: left;
	margin-top: 2px;
	float: left;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(Images/Uploader/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

#ColorPickerDiv 
{
    display: block;
    display: none;
    position: relative;
    border: 1px solid #777;
    background: #fff
}

#ColorPickerDiv TD.color
{
	cursor: pointer;
	font-size: xx-small;
	font-family: 'Arial' , 'Microsoft Sans Serif';
}
#ColorPickerDiv TD.color label
{
	cursor: pointer;
}

.ColorPickerDivSample
{
	margin: 0px 0px 0px 4px;
	border: solid 1px #000;
	padding: 0px 10px;	
	position: relative;
	cursor: pointer;
}


#tabs-myarticles
{
    padding-top: 10px;
}

.table-striped > tbody > tr .table, 
.table-striped > tbody > tr .table tr,
.table-striped > tbody > tr .table td
{
    border:none !important;
    background-color:transparent !important;
}

.bootstraptablespinner{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.5);
}